<template>
    <a-tabs v-model="activeKey" @change="changeTab">
        <a-tab-pane v-for="pane in panes" :key="pane.key" :tab="pane.title" :closable="pane.closable">
            <ProvinceFundWarningMonth v-if="pane.key == 0"></ProvinceFundWarningMonth>
            <ProvinceFundWarningDay v-if="pane.key == 1"></ProvinceFundWarningDay>
        </a-tab-pane>
    </a-tabs>
</template>

<script lang="ts" setup>
import { ref, reactive } from 'vue';
import ProvinceFundWarningMonth from '@/views/TreasuryWarningPhoto/provinceFundWarningMonth.vue'
import ProvinceFundWarningDay from '@/views/TreasuryWarningPhoto/provinceFundWarningDay.vue'

let activeKey = ref(0);
let panes = reactive([
    {
        key: 0,
        title: '全省资金预警（月）',
        closable: false,
    },
    {
        key: 1,
        title: '全省资金预警（日）',
        closable: false,
    },
]);

const changeTab = (acKey) => {
    activeKey.value = acKey;

}
</script>

<style lang="less" scoped></style>
